<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
		<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui">	
		<meta name="screen-orientation" content="portrait">
 		<meta name="x5-orientation" content="portrait">
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
        <meta http-equiv="Pragma" content="no-cache" />
        <meta http-equiv="Expires" content="0" /> 
		<title>作品</title>	
		<link rel="stylesheet" href="plug-in/WEUI/css/weui.min.css" />		
		<link rel="stylesheet" href="font/css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/base.css" />		
		<link rel="stylesheet" href="css/album.css" />
		<link rel="stylesheet" href="css/upload.css" />
		<link rel="stylesheet" href="css/editor.css" />
		<link rel="stylesheet" href="css/stylecolor.css" />
	</head>
	<body>	
		<div class="myphotoalbum hidden"><!--我的相册 -star-- -->
			<div class="album">
				<div class="albumlist">
					<div class="timefigure"><span class="figurecircle"></span></div>
					<div class="timeline"><span></span></div>
					<div class="albumtip">
							没有更多了						
					</div>										
									
				</div>
				
				
			</div>
			<div class="footer fixedbottom">
				<div class="pageNo"></div>
				<a class="open_up open_up_album" href="javascript:">打开</a>
			</div>
		</div><!--我的相册 -end-- -->	
		
		<div class="uploadcon hidden "><!--上传照片 --star-- -->
			<div class="uploadbox">
				
				<div class="weui-cells weui-cells_form">
				      <div class="weui-cell">
				        <div class="weui-cell__bd">
				          <div class="weui-uploader">
				           
				            <div class="weui-uploader__bd">
				           	   <div class="weui-uploader__input-box">
				                 <!--<input id="uploaderInput" class="weui-uploader__input" type="file" accept="image/*" multiple="" onchange="getchange(this)">-->
				              	<input id="uploaderInput" class="weui-uploader__input" type="button">	
				           	   </div>
				              <ul class="weui-uploader__files" id="uploaderFiles">
				              	<li class="weui-uploader__file weui-uploader__file_status">
					               	<div class="upload_img"><img src="img/2.jpg"></div>'+
					               	<div class="weui-uploader__file-content la-ball-beat la-sm"><i></i><i></i><i></i> </div>
				              	 </li>
				              </ul>
				             
				            </div>
				          </div>
				        </div>
				    </div>
				 </div>
				
			</div>
			<div class="footer uploadoper fixedbottom">
				<input type="text" value="" size="10"  placeholder="输入相册名，最多输入10字" class="albumname" style="display: none;"/>
				<a class="open_up notupload" href="javascript:">跳过，先不上传</a>
				<a class="open_up hidden nextbtn" href="javascript:">下一步（<span class="upload_num">0</span>）</a>
			</div>
			
		</div><!--上传照片 --end-- -->
		
		<div class="editorcon hidden"><!--编辑相册页 --star-- -->		
			<div class="editorbox">
				<div class="editor_view"><!--编辑页 --star-- -->
					<div class="e_title">
						<div class="e_center"><i class="weui-icon-info"></i>点击大图进入图片编辑</div>
					</div>
					<div class="e_main">
						<div class="editorcanvasbox">
							<div class="canvasbg" id="originaleditor">
								<canvas id="originalcanvas"></canvas>
							</div>
							
						</div>
					</div>
					<div class="currentpage editor_current"></div>
					<div class="pageview Horizontal_scrolling"><!--查看相册页 --star-- -->
						<div class="pagemain" id="pagemain">							
													
						</div>
					</div><!--查看相册页 --end-- -->
					
					<div class="e_p__btn fixedbottom">
						<a class="layout_change out_layout_change" href="javascript:;"><i class="fa fa-font fa-2x"></i><b>更换模板</b></a>
						<a class="page_save" href="javascript:;">保存并预览</a>
					</div>
					
				</div><!--编辑页 --end-- -->	
				
				<div class="layoutcon hidden"><!--布局 --star-- -->	
					<div class="layoutbox">
						<div class="layoutmask"></div>
						<div class="layouttitle">
							<span class="l_title"><i class="fa fa-dot-circle-o fa-lg"></i> 更换模板</span>
							<a class="l_close"><i class="fa fa-close fa-1g"></i></a>
						</div>
						<div class="layoutmain Horizontal_scrolling">
							<div class="layoutlist">
								
							</div>
						</div>
					</div>
					
				</div><!--布局 --end-- -->
				
				<div class="up_page hidden"><!--为单页面上传图片 --star-- -->
					<div class="singerInputmask"></div>
					<div class="up_pagecontain">						
						<div class="up_page_info_title">
							<div class="u_title"><i class="fa fa-dot-circle-o fa-lg"></i> 图片上传<!-- <span class="u_num"><b class="sel_num">0</b>/<b class="up_num">0</b></span>--> </div>
							<div class="u_oper">
								<a class="u_close"><i class="fa fa-close fa-1g"></i></a>
								<!--<b>|</b>
								<a class="u_ok"><i class="fa fa-check fa-1g"></i></a>-->
							</div>
							
						</div>
						<div class="up_page_info">
							<div class="weui-uploader__bd">
					           	   <div class="weui-uploader__input-box">
					                 <input id="singerInput" class="weui-uploader__input" type="file" accept="image/*" onchange="getchange(this)" onfunction="1">
					              </div>
					              <ul class="weui-uploader__files" id="singerFiles">					              					               
					              </ul>
					             
					            </div>
						</div>
					</div>
				</div><!--为单页面上传图片 --end-- -->
				
				<div class="editor_textview hidden"><!--文字编辑区域 --star-- -->
					<div class="textviewInputmask"></div>
					<div class="text_contain">						
						<div class="text_tabbar">
							<div class="text_title"><i class="fa fa-dot-circle-o fa-lg"></i> 文字编辑<!-- <span class="u_num"><b class="sel_num">0</b>/<b class="up_num">0</b></span>--> </div>
							<div class="text__oper">
								<a class="text__close"><i class="fa fa-close fa-1g"></i></a>
							</div>
							
						</div>
						<div class="text_view">	
							<div class="textareabox">
								<textarea maxlength="18" rows="5" cols="5" class="text_input" placeholder="请在这里输入文字" value=""/></textarea>
							</div>
							<div class="text_btn">
								<a class="text_ok">保存</a>
							</div>
							
						</div>
					</div>
				</div><!--文字编辑区域 --end-- -->
				
				<div class="editor_oper_con hidden"><!--编辑作品 --star-- -->
					<div class="editor_oper_view">
						<div class="e_title">
						<!--<div class="e_album_title"><span>相册名：</span></div>-->
						</div>
						
						<div class="e_main">
							<div class="editorcanvasbox">
								<div class="canvasbg">
								<canvas id="reallycanvas" width="351" height="386"></canvas>
								<!--<canvas style="width:100%; height: 100%;" id="editorcanvas"></canvas>
								<canvas style="width:100%; height: 100%;" id="layoutcanvas"></canvas>-->
								</div>
							</div>							
						</div>
						<div class="editor_bar">
								<a class="btn_mini" id="roat_btn">旋转</a>
								<a class="btn_mini" id="replace_btn">替换</a>
								
						</div>
					<div class="pageview Horizontal_scrolling"><!--查看相册页 --star-- -->
						<div class="pagemain" id="editor_control_box">
							
							
						</div>
					</div><!--查看相册页 --end-- -->
					
					<div class="e_p__btn fixedbottom">
						<div class="e_oper_btn">
							<a class="canace_change" href="javascript:;">取消</a>
							<a class="comfirm_change" href="javascript:;">保存</a>
						</div>
						
					</div>
						
						
					</div>
					
				</div><!--编辑作品 --end-- -->
				
				
			</div>		
		</div><!--编辑相册页 --end-- -->	
		
		<div class="previewcon hidden"><!--预览相册 --star-- -->
			<div class="previewbox">				
				<div class="preview_view">
					<div class="preview_bigview">
						
					</div>
			
				</div>				
				<div class="currentpage editor_preview"></div>
				<div class="previewpage">
					<div class="previewlist Horizontal_scrolling">
						<div class="previewlist_box">
							
						</div>
					</div>
				</div>
				<div class="e_p__btn fixedbottom">
					<a class="gotoedit" href="javascript:;"><i class="fa fa-pencil  fa-lg"></i><b>编辑</b></a>
					<a class="page_save" href="javascript:;">提交作品</a>
				</div>
			
			</div>
		</div><!--预览相册 --end-- -->
		
		<div class="submitalbum hidden"> <!--提交作品 --star-- -->
			<div class="submitalbumbox">
				<div class="submit_type">您准备提交的商品是：<span class="a_type">硬壳精装相册20页</span></div>
				<h3 class="order_no">订单编号：</h3>
				<input type="text" placeholder="请输入微信商城的订单编号" value="" class="orderinput" />	
				<div class="orderinputtips"></div>
				<div class="order_number">	
					<span class="order_copy">印制数量：</span>
					<div class="order_numoper">
						<a class="order_jian">-</a>
						<input type="text" placeholder="" value="1" class="orderNumber"  readonly/>
						<a class="order_add">+</a>
					</div>
					
				</div>
				
				<div class="submit_btn">
					<a class="comfirm_submit" href="javascript:;">确认</a>
					<a class="back_submit" href="javascript:;">返回</a>
				</div>
				<div class="order_tips">
					<h3>提交流程</h3>
					<p>1.填写订单号</p>
					<p>2.系统校验订单中的商品规格是否和制作的商品规格一致</p>
					<p>3.当订单中有多本次规格相册时，请选择制作数量</p>
					<p>4.点击确认提交</p>
				</div>
			</div>
			<div class="_submitbuy" style="display: none;">
				<a  href="javascript:;">还没购买，现在去买>></a>
			</div>
		</div> <!--提交作品 --end-- -->
		<div class="weui-mask hidden"></div>
		<div class="weui-dialog hidden" id="diatips">
			<div class="weui-dialog__hd">
				<strong class="weui-dialog__title"></strong>
			</div>
			<div class="weui-dialog__bd"></div>
			<div class="weui-dialog__ft">
				<a href="javascript:;" class="weui-dialog__btn default btn_right isyes hidden" onclick="closedia(this)"></a>
				<a href="javascript:;" class="weui-dialog__btn primary iscancel" onclick="diatipshide()">确定</a>
			</div>
		</div>
		<div class="dialog_tips hidden">
			<div class="dialog_txt"> </div>
		</div>
		
		<div class="weui-toast weui_loading_toast weui-toast--visible" id="loadtoast">
			<div class="weui-mask_transparent"></div>
			<div class="weui_loading">
			<i class="weui-loading weui-icon_toast"></i>
			</div>
		<p class="weui-toast_content">数据加载中</p>
		</div>
		
	</body>
</html>
<script src="plug-in/jquery-2.1.4.min.js"></script>
<script src="script/jquery.cookie.js"></script>
<script src="script/cookie.js"></script>
<script src="script/historyback.js"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js" ></script>
<script type="text/javascript" src="script/utils.js" ></script>
<script type="text/javascript" src="script/loadimg.js" ></script>
<script type="text/javascript" src="script/wexinupload.js" ></script>
<!--<script type="text/javascript" src="script/wexin_config.js" ></script>-->
<script type="text/javascript" src="script/canvastextline.js" ></script>
<script type="text/javascript" src="script/creatpage.js" ></script>
<script type="text/javascript" src="script/js_android_ios.js" ></script>
<script type="text/javascript" src="script/web_album.js" ></script>
<script type="text/javascript" src="script/upload.js" ></script>
<script type="text/javascript" src="script/uploadoper.js" ></script>
<script type="text/javascript" src="script/canvasdrag.js" ></script>
